.list {
    background-color: #fff;
    margin-right: .6rem;
}
.list .item {
    font-size: 0;
    box-sizing: border-box;
    padding: 0 .3rem 0.6rem .4rem;
    overflow: hidden;
    display: inline-block;
}
.list .item .img-box {
    width: 4rem;
    height: 2rem;
    border: 1px solid #e6e0e0;
    /* padding: .1rem; */
}
.list .item img {
    width: 100%;
    height: 100%;
}
.list .item .title {
    width: 100%;
    text-align: center;
}
.list .item .title .name {
    font-size: .5rem;
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #222222;
    margin-top: .3rem;
}
.list .item .title .area-name {
    font-size: .6rem;
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #222222;
    margin-top: .1rem;
    padding: .1rem .4rem;
    border: 1px solid #222222;
    border-radius: .4rem;
}
.list .item .title .position {
    font-size: .24rem;
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}
.slidePage {
    width: 1rem;
    text-align: right;
    position: fixed;
    right: 0;
    top: 0;
    height: 100%;
    font-size: .24rem;
    box-sizing: border-box;
    padding-right: .1rem;
    background-color: #fff;
    text-align: center;
}
.slidePage div {
    width: 100%;
    font-size: .7rem;
}
.slidePage a{
    text-align: center;
    color: #555;
}
.groupTitle {
    font-size: .24rem;
    padding: .2rem .5rem;
    font-size: .8rem;
}
.letter {
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    background-color: rgba(0,0,0,0.3);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 50%;
    font-size: 1.2rem;
    color: #fff;
    opacity: 0;
}
/* flex类名 */
/* 定义 */
.flex-def { display: -webkit-box;  display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
/* 主轴居中 */
.flex-zCenter { -webkit-box-pack: center; -moz-justify-content: center; -webkit-justify-content: center; justify-content: center; }
/* 主轴两端对齐 */
.flex-zBetween { -webkit-box-pack: justify; -moz-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; }
/* 主轴end对齐 */
.flex-zEnd { -webkit-box-pack: end; -moz-justify-content: flex-end; -webkit-justify-content: flex-end; justify-content: flex-end; }
/* 主轴start对齐 */
.flex-zStart { -webkit-box-pack: start; -moz-justify-content: start; -webkit-justify-content: start; justify-content: start; }

/* 侧轴居中 */
.flex-cCenter { -webkit-box-align: center; -moz-align-items: center; -webkit-align-items: center; align-items: center; }
/* 侧轴start对齐 */
.flex-cStart { -webkit-box-align: start; -moz-align-items: start; -webkit-align-items: start; align-items: start; }
/* 侧轴底部对齐 */
.flex-cEnd { -webkit-box-align: end; -moz-align-items: flex-end; -webkit-align-items: flex-end; align-items: flex-end; }
/* 侧轴文本基线对齐 */
.flex-cBaseline { -webkit-box-align: baseline; -moz-align-items: baseline; -webkit-align-items: baseline; align-items: baseline; }
/* 侧轴上下对齐并铺满 */
.flex-cStretch { -webkit-box-align: stretch; -moz-align-items: stretch; -webkit-align-items: stretch; align-items: stretch; }

/* 主轴从上到下 */
.flex-zTopBottom { -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; }
/* 主轴从下到上 */
.flex-zBottomTop { -webkit-box-pack: end; -webkit-box-direction: reverse; -webkit-box-orient: vertical; -moz-flex-direction: column-reverse; -webkit-flex-direction: column-reverse; flex-direction: column-reverse; }
/* 主轴从左到右 */
.flex-zLeftRight { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -moz-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; }
/* 主轴从右到左 */
.flex-zRightLeft { -webkit-box-pack: end; -webkit-box-direction: reverse; -webkit-box-orient: horizontal; -moz-flex-direction: row-reverse; -webkit-flex-direction: row-reverse; flex-direction: row-reverse; }

/* 是否允许子元素伸缩 */
/* .flex-item { -webkit-box-flex: 1.0; -moz-flex-grow: 1; -webkit-flex-grow: 1; flex-grow: 1; } */
